import { createReactive } from "../../suo/index"

const template = `
  <ul class="list">
    <h1>{{ title }}</h1>
    {{ dateTime }}
    <for data="list" tag="li" class="item"> 
      <span>name：{ name }</span>
      <span>age：{ age }</span>
    </for>
  </ul>
`;



function TestB() {

  const state = createReactive({
    title: "英文标题",
    dateTime: new Date().toLocaleString(),
    list: [
      {
        id: 1,
        name: "王五",
        age: 14
      },
      {
        id: 2,
        name: "程瑞",
        age: 18
      },
      {
        id: 3,
        name: "赵梅",
        age: 19
      }
    ]
  })
  return [template, state]
}



export default TestB;